$(function() {

	// 图片上传
	fileStack = [];// 存放图片文件的数组
	// 当<input type="file">change时调用addFiles()
	$("#uploadImages").change(function() {
		addFiles();
	})
	// 删除操作，操作这个fileStack
	function addFiles() {
		var files = document.querySelector("input[type=file]");
		var filelist = files.files;// 选择图片列表
		$
				.each(
						filelist,
						function(i, file) {
							fileStack.push(file);
							var reader = new FileReader();
							reader.onload = function(e) {
								var result = this.result;
								var img = document.createElement("img");
								// img.src = result;
								var i = 0;
								$("#imagesUl")
										.append(
												"<li class='img_box' data-index='"
														+ (i++)
														+ "' draggable='true'><img src='"
														+ result
														+ "'><div class='img_cover'></div><div class='toolbar_wrap'>"
														+ "<div class='opacity'></div>"
														+ "<div class='toolbar'>"
														+ "<a href='javascript:;' class='edit'></a><a href='javascript:;' class='delete'></a></div></div></li>");
							};
							reader.readAsDataURL(file);
						});
	}

	// 提交前的总校验
	function verifyAll() {
		verifyCommunity();// 校验小区名称
		verifyLocation();// 校验具体地址
		verifyRoomType();// 校验房屋类型
		verifyFloor();// 校验楼层
		verifyRent();// 校验租金
		verifyCaption();// 校验标题
		verifyPersonname();// 校验联系人
		verifyPhone();// 校验手机号
	}
	// 最后提交数据
	var formdata = new FormData();// FormData,提交到后台
	formdata.set("h_rental_method", $("#radioDiv2 i").attr("value"));// 出租方式默认被选中一个
	formdata.set("h_area", $("#h_areaSelect option:checked").val());// 设置区域
	formdata.set("h_region", $("#haichengChild option:checked").val());// 设置下属区域
	formdata.set("h_heading", $("#h_heading option:checked").val()); // h_heading
	formdata.set("h_decoration", $("#h_decoration option:checked").val());// h_decoration
	formdata.set("h_paymethod", $("#h_paymethod option:checked").val());// 设置支付方式

	$("#buttonImg").on("click", function() {
		verifyAll();// 数据校验
		formdata.set("albumId", 1);// 设置相册id house1; user2
		formdata.set("u_id", 4);// 信息发布人的id
		setFloor();//
		if (isOK()) {
			console.log("数据合法" + isOK());
			$.each(fileStack, function(i, file) {// 所有文件都要放到同一个名字下面：如files
				formdata.append("file", file);
			});
			submitMethod(formdata);
		} else {
			console.log("数据错误");
		}
	});

	function submitMethod(formdata) {
		$.ajax({
			type : 'POST',
			url : "/tenement/publishHouseMsg.action",
			dataType : 'json',
			data : formdata,
			cache : false,
			processData : false,
			contentType : false,
			success : function(responseStr) {
				if (responseStr == "1") {
					swal("发布成功,信息审核中", "", "success");
				} else {
					swal("发布失败,未知错误", "", "error");
				}
			},
			error : function(responseStr) {
				swal("发布失败,未知错误", "", "error");
			}
		});
	}
	// 判断是否可以提交了
	function isOK() {
		if ($("#xiaoquSuccTip").css("display") != "block") {
			return false;
		} else if ($("#locationSuccTip").css("display") != "block") {
			return false;
		} else if ($("#roomSuccTip").css("display") != "block") {
			return false;
		} else if ($("#floorSuccTip").css("display") != "block") {
			return false;
		} else if ($("#h_rentSuccTip").css("display") != "block") {
			return false;
		} else if ($("#captionSuccTip").css("display") != "block") {
			return false;
		} else if ($("#phoneSuccTip").css("display") != "block") {
			return false;
		} else if ($("#h_personnameSuccTip").css("display") != "block") {
			return false;
		} else {
			return true;
		}
	}
	// 获取数据
	// 基础信息h_personnameh_caption h_floor_totalh_floorh_telephone
	// 1.出租方式,h_rental_method,h_area,h_region,h_heading，h_paymethod,h_decoration,h_location,h_room,h_hall,h_bathroom,h_kitchen,h_size
	$(function() {

	})
	$(".radio i").click(function() {
		$(".radio").removeClass("focus");// 移除focus class
		$(this).parent().addClass("focus");
		var value = $(this).attr("value");
		formdata.set("h_rental_method", value);
	})

	// 2.小区名称，h_community_name
	function verifyCommunity() {
		var h_community_name = $("#xiaoqu").val();
		var xiaoquFlag = $("#xiaoquFlag").attr("value");
		if (h_community_name == "") {
			$("#xiaoquTip").css("display", "block");
			$("#xiaoqu").parent().addClass("error");
			$("#xiaoquSuccTip").css("display", "none");
		} else {
			$("#xiaoquTip").css("display", "none");
			$("#xiaoqu").parent().removeClass("error");
			$("#xiaoquSuccTip").css("display", "block");
			formdata.set("h_community_name", h_community_name);
		}
	}
	$("#xiaoqu").blur(function() {
		verifyCommunity();
	})

	// 3.区域h_area,h_region
	var h_region = $("#haichengChild option:checked").val();// 默认，考虑到用户不更改的情况
	$("#h_areaSelect").change(function() {
		var h_area = $("#h_areaSelect option:checked").val();// 获取选择值
		formdata.set("h_area", h_area);// 设置区域
		if (h_area == "海城区") {
			$("#haichengChild").css("display", "block");
			$("#yinhaiChild").css("display", "none");
			h_region = $("#haichengChild option:checked").val();
			formdata.set("h_region", h_region);
		} else if (h_area == "银海区") {
			$("#haichengChild").css("display", "none");
			$("#yinhaiChild").css("display", "block");
			h_region = $("#yinhaiChild option:checked").val();
			formdata.set("h_area", h_area);
			formdata.set("h_region", h_region);
		} else {
			$("#yinhaiChild").css("display", "none");
			$("#haichengChild").css("display", "none");
			h_region = h_area;
			formdata.set("h_region", h_area);// 有的区没有下属区域，默认将区域设置为下属区域
		}
	})
	$("#haichengChild").change(function() {
		h_region = $("#haichengChild option:checked").val();// 获取选择值
		formdata.set("h_region", h_region);// 设置区域
	})

	// 4.获取房源详细地址,h_location
	function verifyLocation() {
		var h_location = $("#h_location").val();
		var locationFlag = $("#locationFlag").attr("value");
		if (h_location == "") {
			$("#locationTip").css("display", "block");
			$("#h_location").parent().addClass("error");
			$("#locationSuccTip").css("display", "none");
		} else {
			$("#locationTip").css("display", "none");
			$("#h_location").parent().removeClass("error");
			$("#locationSuccTip").css("display", "block");
			formdata.set("h_location", h_location);
		}
	}
	$("#h_location").blur(function() {
		verifyLocation();
	});

	// 5.房屋类型，h_room,h_hall,h_bathroom,h_kitchen,h_size
	function verifyRoomType() {
		var s = 0;
		$('input[name="room"]').each(function(i, n) {
			if ($(this).val() != "") {
				s++;
				$(this).parent().removeClass("error");
			} else {
				$(this).parent().addClass("error");
			}
		})
		if (s < 5) {
			$("#roomTip").css("display", "block");
			$("#roomSuccTip").css("display", "none");
		} else {
			$("#roomTip").css("display", "none");
			$("#roomSuccTip").css("display", "block");
			setRoom();
		}
	}
	function setRoom() {
		formdata.set("h_room", $("#h_room").val());
		formdata.set("h_hall", $("#h_hall").val());
		formdata.set("h_bathroom", $("#h_bathroom").val());
		formdata.set("h_kitchen", $("#h_kitchen").val());
		formdata.set("h_size", $("#h_size").val());
	}
	$('input[name="room"]').blur(function() {
		verifyRoomType();
	})

	// 6.房屋朝向和装修情况，h_heading
	$("#h_heading").change(function() {
		formdata.set("h_heading", $("#h_heading option:checked").val());// 设置朝向
	});
	// h_decoratio
	$("#h_decoration").change(function() {
		formdata.set("h_decoration", $("#h_decoration option:checked").val());// 设置装修情况
	});
	// h_paymethod
	$("#h_paymethod").change(function() {
		formdata.set("h_paymethod", $("#h_paymethod option:checked").val());// 设置支付方式
	});

	// 7.第几层h_floor,共几层h_floor_total "floorFlag"
	function setFloor() {
		formdata.set("h_floor", $("#h_floor").val());
		formdata.set("h_floor_total", $("#h_floor_total").val());
	}
	function verifyFloor() {
		var s = 0;
		$('input[name="floor"]').each(function(i, n) {
			if ($(this).val() != "") {
				s++;
				$(this).parent().removeClass("error");
			} else {
				$(this).parent().addClass("error");
			}
		})
		if (s < 2) {
			$("#floorSuccTip").css("display", "none");
			$("#floorTip").css("display", "block");
		} else {
			$("#floorSuccTip").css("display", "block");
			$("#floorTip").css("display", "none");
		}
	}
	$('input[name="floor"]').blur(function() {
		verifyFloor();
	})

	// 8.租金h_rent
	function verifyRent() {
		var h_rent = $("#h_rent").val();
		if (h_rent == "") {
			$("#h_rentTip").css("display", "block");
			$("#h_rent").parent().addClass("error");
			$("#h_rentSuccTip").css("display", "none");
		} else {
			$("#h_rentTip").css("display", "none");
			$("#h_rent").parent().removeClass("error");
			$("#h_rentSuccTip").css("display", "block");
			formdata.set("h_rent", $("#h_rent").val());
		}
	}
	$("#h_rent").blur(function() {
		verifyRent();
	})

	// 详细信息
	// 标题,h_caption h_floor_totalh_floor
	function verifyCaption() {
		var h_caption = $("#h_caption").val();
		var captionFlag = $("#captionFlag").attr("value");
		if (h_caption == "") {
			$("#captionTip").css("display", "block");
			$("#captionSuccTip").css("display", "none");
			$("#h_caption").parent().addClass("error");
		} else {
			$("#captionTip").css("display", "none");
			$("#captionSuccTip").css("display", "block");
			$("#h_caption").parent().removeClass("error");
			formdata.set("h_caption", $("#h_caption").val());
		}
	}
	$("#h_caption").blur(function() {
		verifyCaption();
	})

	// 其他信息
	// 联系人,h_personnameTip,h_personnameh_caption h_floor_totalh_floor
	function verifyPersonname() {
		var h_personname = $("#h_personname").val();
		if (h_personname == "") {
			$("#h_personnameTip").css("display", "block");
			$("#h_personnameSuccTip").css("display", "none");
			$("#h_personname").parent().addClass("error");
		} else {
			$("#h_personnameTip").css("display", "none");
			$("#h_personnameSuccTip").css("display", "block");
			$("#h_personname").parent().removeClass("error");
			formdata.set("h_personname", $("#h_personname").val());
		}
	}
	$("#h_personname").blur(function() {
		verifyPersonname();
	})

	// 联系人手机号, phone phoneFlag,phoneTip,
	var phoneReg = /^1[3|4|5|7|8][0-9]{9}$/;// 手机号正则表达式
	function verifyPhone() {
		var phone = $("#phone").val();// 获取用户输入的手机号
		if (!phoneReg.test(phone)) {
			$("#phoneTip").css("display", "block");
			$("#phoneSuccTip").css("display", "none");
			// $("#sendPhoneCodeDiv").css("display", "none");
			$("#phone").parent().addClass("error");
		} else {
			$("#phoneSuccTip").css("display", "block");
			$("#phoneTip").css("display", "none");
			// $("#sendPhoneCodeDiv").css("display", "block");
			$("#phone").parent().removeClass("error");
			formdata.set("h_telephone", $("#phone").val());
		}
	}
	$("#phone").bind("input propertychange change", function(event) {
		verifyPhone();
	});
	// 手机验证码,user/common/common.js

})
// 发送验证码倒计时60s
$(function() {

	var btn = $("#sendPhoneCodeBtn");
	$(function() {
		btn.click(settime);
	})
	var countdown = 10;
	function settime() {
		if (countdown == 0) {
			btn.attr("disabled", false);
			btn.html("获取验证码");
			btn.css("background-color", "##ed6d06");
			countdown = 5;
			return;
		} else {
			btn.css("background-color", "#C0C0C0");
			btn.attr("disabled", true);
			btn.html("重新发送(" + countdown + ")");
			countdown--;
		}
		setTimeout(settime, 1000);
	}

});
// 房屋亮点
var h_highlights = "";
$("*[name='h_highlights']").click(function() {
	var flag = $(this).attr("class");
	if (flag == "checkbox") {
		$(this).attr("class", "checkbox focus");
	} else {
		$(this).attr("class", "checkbox");
	}
});
// 通过这个方法获取房屋亮点字符串
$("#xx").click(function() {
	$('div[name="h_highlights"]').each(function(i, n) {
		if ($(this).hasClass("focus")) {
			console.log(i);
			h_highlights = h_highlights + $(this).attr("value") + "-";
		} else {
			console.log($(this).attr("value"));
		}
	})
	console.log(h_highlights);
})